<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Untitled Document</title>
      
        <script type="text/javascript" src="js/jquery.min.js"></script>
          <script type="text/javascript" src="js/highlight.js"> </script>
          <script>
          function searching(){
        	  $('body').removeHighlight();
        	  var bat=$("#q").val();
        	  console.log(bat);
        	  $('body').highlight(bat);
          }
          function removeall(){
        	  $('body').removeHighlight();
          }
        	  
         
          </script>
          <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <style type="text/css">.highlight { background-color: yellow }
        </style>
        

    </head>
    <body ><!-- onload=HeightLight('window'); -->
    <div id="li">  
     <div class="input-group col-sm-3">
                            <input type="text" id="q"name="q" class="form-control" placeholder="Search..."/>
                            <span class="input-group-btn">
                                <button onclick="searching()" name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                               
                            </span>
                        </div>
    
    <h1>page window</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
    </div>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page windows</h1>        
        <h1>page Windows</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page window ϵͳ</h1>
        <h1>page</h1>    
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page ϵͳ</h1>
        <h1>page</h1>
        <h1>page</h1>
        <h1>page ϵͳ</h1>
        <h1>page windowϵͳ</h1>
        <h1>page</h1> 
         
          <!-- Bootstrap -->
        <script src="./js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="./js/AdminLTE/app.js" type="text/javascript"></script>                          
    </body>
</html>